﻿@{
    Layout = "~/_MainLayout.cshtml";
}

<div class="tpl-content-wrapper">
    <div class="tpl-content-page-title">
        ip 使用近况
    </div>
    <ol class="am-breadcrumb">
        <li><a href="#" class="am-icon-home">首页</a></li>
        <li><a href="#">分类</a></li>
        <li class="am-active">ip使用近况</li>
    </ol>
    

    <div class="row">
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
            <div class="dashboard-stat blue">
                <div class="visual">
                    <i class="am-icon-comments-o"></i>
                </div>
                <div class="details">
                    <div class="number"> 1349 </div>
                    <div class="desc"> 生产网 </div>
                </div>
                <a class="more" href="#">
                    查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
            <div class="dashboard-stat red">
                <div class="visual">
                    <i class="am-icon-bar-chart-o"></i>
                </div>
                <div class="details">
                    <div class="number"> 653 </div>
                    <div class="desc"> 办公网 </div>
                </div>
                <a class="more" href="#">
                    查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
            <div class="dashboard-stat green">
                <div class="visual">
                    <i class="am-icon-apple"></i>
                </div>
                <div class="details">
                    <div class="number"> 653 </div>
                    <div class="desc"> 客票网 </div>
                </div>
                <a class="more" href="#">
                    查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
            <div class="dashboard-stat purple">
                <div class="visual">
                    <i class="am-icon-android"></i>
                </div>
                <div class="details">
                    <div class="number"> 786 </div>
                    <div class="desc"> 外网 </div>
                </div>
                <a class="more" href="#">
                    查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>



    </div>

    <div class="row">
        
        <div class="am-u-md-12 am-u-sm-12 row-mb">
            <div class="tpl-portlet">

                <div class="am-g ">
                    <div class="tpl-caption am-u-sm-12 am-u-md-6 font-red">
                                <i class="am-icon-bar-chart" ></i>
                                <span> 近日动态</span>
                    </div>
                    <div class="am-u-sm-12 am-u-md-3">
                        <div class="am-form-group">
                            <select data-am-selected="{btnSize: 'sm'}">
                                <option value="option1">ip地址</option>
                                <option value="option2">使用人</option>
                                <option value="option3">单位</option>
                                <option value="option3">网络名称</option>
                            </select>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-3">
                        <div class="am-input-group am-input-group-sm">
                            <input type="text" class="am-form-field">
                            <span class="am-input-group-btn">
                                <button class="am-btn  am-btn-default am-btn-success tpl-am-btn-success am-icon-search" type="button"></button>
                            </span>
                        </div>
                    </div>
                </div>


                <div class="tpl-scrollable">
                    <table class="am-table tpl-table">
                        <thead>
                            <tr class="tpl-table-uppercase">
                                <th>使用人</th>
                                <th>ip地址</th>
                                <th>网络名称</th>
                                <th>单位</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <img src="assets/img/user01.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">禁言小张</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="assets/img/user02.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">Alex.</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="assets/img/user03.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">Tinker404</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="assets/img/user04.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">Arron.y</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="assets/img/user05.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">Yves</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="assets/img/user06.png" alt="" class="user-pic">
                                    <a class="user-name" href="###">小黄鸡</a>
                                </td>
                                <td>10.139.34.25</td>
                                <td>生产网</td>
                                <td class="font-green bold">永安站</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>



</div>